<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1" />
		<title>Quill Demo</title>

		<!-- Theme included stylesheets -->
		<link
			href="https://cdn.quilljs.com/1.3.6/quill.snow.css"
			rel="stylesheet"
		/>
		<link href="/dist/quill.imageUploader.min.css" rel="stylesheet" />
		<script src="https://cdn.quilljs.com/1.3.6/quill.min.js"></script>
	</head>

	<body>
		<h3>
			Demo of uploading an image to a server instead of base64 encoding images
		</h3>
		<!-- Create the editor container -->
		<div id="editor">
			<p>Select the image button from the toolbar</p>
			<p><br /></p>
			<p>The file will be past to your <b>Upload</b> function.</p>
			<p><br /></p>
			<p>Return a <b>Promise</b> that resolves as a url of an image</p>
			<p><br /></p>
			<p>
				This demo has a timeout to simulate uploading to a server and resolves
				as as url to an image
			</p>
		</div>

		<script
			src="https://cdn.polyfill.io/v2/polyfill.min.js?features=Promise"
			crossorigin="anonymous"
		></script>
		<script src="/dist/demo.min.js"></script>
	</body>
</html>
